.Niubi{
  background: #f2f2f2;
  height: 100vh;
  .Header{
    background: #ffc408;
    overflow: hidden;
    .title{
      text-align: center;
      line-height: 14vw;
      font-size: 4.5vw;
      color:#fff;
      border-bottom: solid 1px #f2f2f2;
    }
    .Circle{
      height: 50vw;
      width: 100vw;
      color:#fff;
      background: #ffc408;
      justify-content:center;//子元素水平居中
      align-items:center;//子元素垂直居中
      display:-webkit-flex;
      >div{
        width: 34.4vw;
        height: 34.4vw;
        justify-content:center;//子元素水平居中
        align-items:center;//子元素垂直居中
        display:-webkit-flex;
        background: #ffc408;
        >div{
          background: #ffd13e;
          width: 29vw;
          height: 29vw;
          border-radius: 50%;
          border:2.7vw solid #fff;
          justify-content:center;//子元素水平居中
          align-items:center;//子元素垂直居中
          display:-webkit-flex;
          text-align: center;
          >div{
            background: #ffd13e;
            color:#fff;
            font-size: 4.5vw;
            p{
              margin: 2vw 0;
            }
            p:nth-child(1){
              font-size: 5.5vw;
            }
          }
        }
      }
    }
  }
  .getPoint{
    padding: 0 3vw;
    color:#333;
    line-height: 15vw;
    text-align: left;
    font-size: 4.2vw;
    p{
      border-bottom: solid 1px #f2f2f2;
    }
    p:nth-child(2){
      color:#666;
      span{
        float: right;
        color:#999;
        font-size: 3.5vw;
      }
    }
  }
}